<template>
  <div>
    <!-- 
      过滤器：
      作用：传入值，返回处理后的值
      语法：
      Vue.filter("过滤器名", (值)=>{ return 处理后的值 }) --- 全局过滤器（mian.js中注册的）在任意一个vue文件中都可以使用该过滤器
      filters: { 过滤器名字：(值)=>{ return 处理后的值 }} --- 局部过滤器(某个vue文件中注册) 只能在当前vue文件中使用

      使用：
       变量|过滤器名字
     -->
    <!-- 翻转字符串过滤器 -->
    <h1>{{ msg | reverse }}</h1>
    <!-- 全局过滤器  字母转大写 -->
    <p v-bind:title="msg|toUp">在v-bind中使用过滤器</p>
  </div>
</template>

<script>
export default {
  data(){
    return {
      msg: "hello"
    }
  },
  // 过滤器
  filters:{
    reverse(val){
      // console.log(25,val);
      return val.split("").reverse().join("")
    }
  }
}
</script>

<style>

</style>